*{
  margin: 0;
  padding: 0;
 /* border: 1px solid; */
}

body{
	max-width:640px;
	min-width:300px;
	margin: 0 auto;
	background-color: #f5f6f7;
	width: 100%;
}

.swiper-container {
    width: 500px;
    height: 340px;
}

.am-titlebar-default {
	margin: 20px 20px 0 20px;
	font-size: 20px;
	font-weight:normal ;
}
.circleHead {
	margin: 20px 10px 20px 20px;
	vertical-align: middle;
	
}

.sentname {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.topic_img {
	padding: 0 20px 0 20px;
}


.titles {
	margin: 20px 20px 0 20px;
	border-top:1px solid #DEDEDE ;
	padding-top: 10px;
}
#topicDetails {
	margin: 0px 20px 20px 20px;
}

.comment_list {
/*	margin-top: 40px;*/
}
.usershead {
	padding-left: 20px;
	display: inline-block;
}

.userMessage {
	display: inline-block;
	vertical-align: middle;
}


.usersname {
	display: inline-block;
	margin-bottom: 0px;
	font-size: 15px;
}
.thetime {
	font-size: 12px;
	margin: 0px auto;
	color: #999
}
.btmInput {
	background-color:#fff ;
	width: 100%;
	position: fixed;
	bottom: 0;
	min-height: 38px;
	z-index: 999;

} 
.commentInput {
	border-radius:20px;
	border-style: none;
	margin: 4px auto;
	border: 1px solid #DEDEDE;
	padding: 4px 36px 4px 15px;
	width: 90%;
	text-align: left;
/*	max-height: 112px;
	  overflow-x:hidden;
    overflow-y:auto;
	word-wrap: break-word;

  -webkit-line-clamp: 4;*/


}
.commentInput:active {
	background-color: #F5F6F7;
}
.commentDetails {
	padding: 0 20px 20px 20px;
	margin: 10px auto 0 auto;
}

.bm {
	height: 30px;
	cursor:pointer;
	
}
#goodp {
	display: none;
}
#pays {
	ma


